/**
 ============================================================
 * Last committed:     $Revision: 136 $
 * Last changed by:    $Author: fire1 $
 * Last changed date:    $Date: 2013-04-23 12:12:36 +0300 (âò, 23 àïð 2013) $
 * ID:       $Id: ui.css 136 2013-04-23 09:12:36Z fire1 $
 ============================================================
 Copyright Angel Zaprianov [2009] [INFOHELP]
 Licensed under the Apache License, Version 2.0 (the "License");
 you may not use this file except in compliance with the License.
 You may obtain a copy of the License at
 http://www.apache.org/licenses/LICENSE-2.0
 Unless required by applicable law or agreed to in writing, software
 distributed under the License is distributed on an "AS IS" BASIS,
 WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 See the License for the specific language governing permissions and
 limitations under the License.
 * --------------------------------------
 *       See COPYRIGHT and LICENSE
 * --------------------------------------
*/

.usr-avt{ cursor: pointer;  position: relative;}
.usr-avt img{
    box-shadow: 0px 0px 4px 4px #E0E0E0;
    border:none;
    position: relative;
    border: solid  3px #fff;
}
.usr-avt-option{

}
.usr-avt-option span{padding: 10px;}

.users-picture input[type="radio"][checked="checked"]{

}
.users-picture #pic-inuse  {


}
.users-picture{
    border: solid 1px rgba(200,200,200,0.5);
    background: rgba(190,190,190,0.4);
    margin: 15px;
    padding: 25px;
    cursor: pointer;
    width: 128px;
    min-height:  194px;
    position: relative;

}
.users-picture img{
    border: solid 2px #fff;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    cursor: pointer;
    max-width:  128px;
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
.users-picture:hover img{
    webkit-border-bottom-right-radius: 50% 20px;
    -moz-border-radius-bottomright: 50% 20px;
    border-bottom-right-radius: 50% 20px;
    -webkit-box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.35);
    box-shadow: 5px 10px 15px rgba(0, 0, 0, 0.35);

}


.users-picture-browse-file{
    position: relative;
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
}
.users-picture-browse form{
    padding: 7%;
}
.users-picture-browse img{
    text-align:center;
    border:solid 3px #fff;
    box-shadow: 0px 0px 4px 4px #E0E0E0;
}
.users-picture-space{
    position: relative;
    width: 100%;
    clear: both;
    height: 30px;
}
.users-picture{
    margin: 10px;
    float:left;
    text-align: center;
    position: relative;
}
.users-opener{padding: 10px;           position:relative;}
.users-head-entry{
    border-bottom: double 1px rgba(127,127,127,0.5);
    padding: 10px;
    cursor: pointer;
    outline-color: rgba(127,127,127,0.5);
}
.social{
    width: auto;
    margin-left: auto;
    margin-right: auto;
}

#user_list{ color: #336699; font-weight: bold; padding: 5px;margin-top: 15px;}
#user-uname,#user-fname{color: #336699;margin-left: 2px;}
.mail-border{clear: both; width: auto; min-height: 20px; background-repeat: repeat-x;background-image: url('../images/mail-border.png')}
li.ui-menu-item a{font-size: 0.6em;}
#user-uname{font-weight: bold}
.ui-autocomplete-loading {
    background: white url('../images/loading.gif') right center no-repeat;
}
#message-icon { background:none;

                border:none;
                background-repeat: no-repeat;
                padding: 0;
                margin: 0;
                text-decoration: none;
}

ul.ui-autocomplete{position:absolute;cursor:default;padding: 0;}
ul.ui-autocomplete li{padding: 0;}
ul.ui-autocomplete {background: rgba(255,255,255,0.85); color: #333; list-style: none; box-shadow: 0 5px 5px rgba(0,0,0,0.3);}
ul.ui-autocomplete  li a{ font-size: 14px !important; color: #333;height: 20px; padding: 5px;width: 95%; border-bottom: #eee; display: block;}
ul.ui-autocomplete  li a:hover{background: #fff;}

/**
 * User Table
*/

#user-table .userdata.toimg{
    margin-left:  43px;
    font-size: 90%;
}
#user-table .usermail.toimg{
    margin-left:  22px;
}
#user-table .username.toimg{
    margin-left:  43px;
    font-size: 125%;
}
